<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" lang="en">
    <title>科苑学校</title>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link href="ky-ico.ico" rel="shortcut icon" />


</head>
<body>
	<!--top-->
	<div class="top">
		
	</div>
	<!--banner-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"  data-interval="2000">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/banner1.jpg" >
        </div>
        <div class="item">
            <img src="img/banner1.jpg" >
        </div>
        <div class="item">
            <img src="img/banner1.jpg" >
        </div>

        <div class="item">
            <img src="img/banner1.jpg" >
        </div>

    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

    </a>

</div>

 <div class="back">
 	<div class="flex-container">
  <div class="flex-item" ><a href="page1.html"><img src="img/i1.png"/></a></div>
  <div class="flex-item" ><a href="page2.html"><img src="img/i2.png"/></a></div>
  <div class="flex-item" ><img src="img/i3.png"/></div>  
</div>
<div class="flex-container">
  <div class="flex-item" ><img src="img/i4.png"/></div>
  <div class="flex-item" > <a href="contact.html" ><img src="img/i5.png"/></a></div>
  <div class="flex-item" ><img src="img/i6.png"/></div>  
</div>
<div class="flex-container">
  <div class="flex-item volunteer" ><img src="img/i7.png"/></div>
  <div class="flex-item" ><a href="tel:400-0040-900"><img src="img/i8.png"/></a></div>
  <div class="flex-item" ><img src="img/i9.png"/></div>  
</div>
 </div>
</body>
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/style.js" type="text/javascript" charset="utf-8"></script>
</html>